<template>
  <div class="">
    <div class="fwwcc" style="padding: 3px">
      <span style="width: 100px"> {{ "id" }}: </span>
      <el-input
        style="width: 150px"
        v-model="activeitem['id']"
        placeholder=""
        size="normal"
        @input="change($event)"
      ></el-input>
    </div>
    <div class="fwwcc" style="padding: 3px">
      <span style="width: 100px"> {{ "x" }}: </span>
      <el-input
        style="width: 150px"
        v-model="activeitem['componentDetail']['position']['left']"
        placeholder=""
        size="normal"
        type="number"
        @input="change($event)"
      ></el-input>
    </div>
    <div class="fwwcc" style="padding: 3px">
      <span style="width: 100px"> {{ "y" }}: </span>
      <el-input
        style="width: 150px"
        v-model="activeitem['componentDetail']['position']['top']"
        placeholder=""
        type="number"
        size="normal"
        @input="change($event)"
      ></el-input>
    </div>
    <div class="fwwcc" style="padding: 3px">
      <span style="width: 100px"> {{ "w" }}: </span>
      <el-input
        style="width: 150px"
        v-model="activeitem['componentDetail']['size']['w']"
        placeholder=""
        type="number"
        size="normal"
        @input="change($event)"
      ></el-input>
    </div>
    <div class="fwwcc" style="padding: 3px">
      <span style="width: 100px"> {{ "h" }}: </span>
      <el-input
        style="width: 150px"
        v-model="activeitem['componentDetail']['size']['h']"
        placeholder=""
        type="number"
        size="normal"
        @input="change($event)"
      ></el-input>
    </div>
    <div class="fwwcc" style="padding: 3px">
      <span style="width: 100px"> {{ "name" }}: </span>
      <el-input
        style="width: 150px"
        v-model="activeitem['name']"
        placeholder=""
        size="normal"
        @input="change($event)"
      ></el-input>
    </div>
    <div class="fwwcc" style="padding: 3px">
      <span style="width: 100px"> {{ "code" }}: </span>
      <el-input
        style="width: 150px"
        v-model="activeitem['code']"
        placeholder=""
        size="normal"
        @input="change($event)"
      ></el-input>
    </div>
  </div>
</template>
<script>

import optionmixin from './optionmixin.js';

export default {
  mixins: [optionmixin],
  components: {},
  data() {
    return {
    };
  },
  computed: {},
  watch: {
  },
  mounted() {},
  methods: {
  },
};
</script>
<style lang='scss' scoped>
</style>